/*
  学习目标：了解-使用bind解决this执行问题
  1. 👍 在class中使用箭头函数定义事件
  2. 👍 render函数中, 使用箭头函数绑定事件 - 少量代码
  3. 👎 使用bind主动改变this指向为render中的this
*/

import React, { Component } from 'react';

export default class App extends Component {
  render() {
    return (
      <div>
        {/* 💥 bind函数类似call  apply可以主动改变this指向 */}
        <button onClick={this.handleClick.bind(this)}>点我</button>
      </div>
    );
  }

  handleClick() {
    console.log('this  ----->  ', this);
  }
}
